.bolock-line-l {
  position: relative;

  &::after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    height: 100%;
    width: 1px;
    background: #12ABDA;
  }
}

.bolock-line-r {
  position: relative;

  &::after {
    position: absolute;
    top: 0;
    right: 0;
    content: ' ';
    height: 100%;
    width: 1px;
    background: #12ABDA;
  }
}

.main-color {
  color: #1AC9FF;
}

.data-color {
  color: #fff
}

.center {
  text-align: center;
}

.block-box {
  box-shadow: inset 0px 0px 15px #00689c;
}

.column {
  flex-direction: column;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1
}

.block-top {
  // height: 200px;
  // width: 400px;
  padding: 10px;
}

.pr {
  position: relative;
}

.middle-line {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 30px;
  width: 1px;
  background: #00B4FF;
}

.ellipsis {
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
}

.red {
  background: red;
}

.max100 {
  max-width: 100px;
}

.pl10 {
  padding-left: 10px;
}